<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>图片列表</title>
	<link rel="stylesheet" href="./css/reset.css">
	<style>
		body {
			background-color: antiquewhite
		}

		.img-list {
			margin: 50px auto;

			/* 设置ul的宽度 */
            width: 190px;
            /* 设置ul的高度 */
            height: 470px;
			overflow: hidden;
			background-color: #F4F4F4;
		}

		.img-list li:not(:last-child) {
			height: 152px;
			margin-bottom: 7px;
		}

		.img-list img {
			width: 100%;
		}
	</style>
</head>

<body>
	<ul class="img-list">
		<li>
			<a href="#"><img src="./img/01/1.jpg" alt=""></a>
		</li>
		<li>
			<a href="#"><img src="./img/01/2.jpg" alt=""></a>
		</li>
		<li>
			<a href="#"><img src="./img/01/3.jpg" alt=""></a>
		</li>
	</ul>
</body>

</html>